﻿<%@ Page Title="Kirkwood School For Children - Families" Language="C#" MasterPageFile="~/MasterPages/Site.Master" AutoEventWireup="true" CodeBehind="Families.aspx.cs" Inherits="Daycare.Families" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <style type="text/css">
        a:hover {
            text-decoration: none;
            cursor: pointer;
        }

        .hidden {
            visibility: hidden;
        }

        .checkboxlist_nowrap label {
            display: inline;
            margin-left: 5px;
        }

        .tab {
            background-color: #1D1D1D;
            color: #DDDDDD;
            padding: 5px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            margin-right: 1px;
        }

            .tab:hover {
                color: white;
            }

        .selected {
            background-color: #3D3D3D;
            color: white;
            padding-top: 10px;
            padding-right: 5px;
            padding-left: 5px;
            padding-bottom: 5px;
            font-size: larger;
        }

        ::-webkit-scrollbar {
            width: 9px;
            height: 9px;
        }

        ::-webkit-scrollbar-button:start:decrement, #doc ::-webkit-scrollbar-button:end:increment {
            display: block;
            height: 0;
            background-color: transparent;
        }

        ::-webkit-scrollbar-track-piece {
            background-color: #FAFAFA;
            -webkit-border-radius: 0;
            -webkit-border-bottom-right-radius: 8px;
            -webkit-border-bottom-left-radius: 8px;
        }

        ::-webkit-scrollbar-thumb:vertical {
            height: 50px;
            background-color: #999;
            -webkit-border-radius: 8px;
        }

        ::-webkit-scrollbar-thumb:horizontal {
            width: 50px;
            background-color: #999;
            -webkit-border-radius: 8px;
        }


        .modalBackground {
            background-color: Black;
            filter: alpha(opacity=90);
            opacity: 0.8;
        }

        .modalPopup {
            -moz-border-radius: 15px;
            border-radius: 15px;
            background-color: #FFFFFF;
            padding-left: 10px;
            padding-right: 10px;
        }

        .checkBoxListDiv {
            overflow: auto;
            background-color: whitesmoke;
        }

        .divBackground {
            -moz-border-radius: 5px;
            border-radius: 5px;
            background-color: #3D3D3D;
            padding: 10px;
        }

        .divBackground-lightgrey {
            -moz-border-radius: 5px;
            border-radius: 5px;
            background-color: #eeeeee;
            padding: 10px;
        }

        .clean-gray {
            background-color: #eeeeee;
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
            background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
            background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
            background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
            background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
            background-image: linear-gradient(top, #eeeeee, #cccccc);
            border: 1px solid #ccc;
            border-bottom: 1px solid #bbb;
            border-radius: 3px;
            color: #333;
            font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
            padding: 8px;
            text-align: center;
            text-shadow: 0 1px 0 #eee;
            width: 150px;
        }

            .clean-gray:hover {
                background-color: #dddddd;
                background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
                background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
                background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
                background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
                background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
                background-image: linear-gradient(top, #dddddd, #bbbbbb);
                border: 1px solid #bbb;
                border-bottom: 1px solid #999;
                cursor: pointer;
                text-shadow: 0 1px 0 #ddd;
            }

            .clean-gray:active {
                border: 1px solid #aaa;
                border-bottom: 1px solid #888;
                -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
                box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
            }
    </style>
    <div style="width: 100%; padding-bottom: 0px" id="header">
        <h4>Family Management</h4>
        <div style="display: inline-block; margin-left: 25px;">
            <dl style="margin-top: 0px; padding-top: 0px;">
                <dt><span style="font-weight: bold">Find family by child name.</span></dt>
                <dd>
                    <asp:DropDownList runat="server" ID="ddlChildren" AutoPostBack="True" TabIndex="1" OnSelectedIndexChanged="ddlChildren_SelectedIndexChanged" />
                    <div style="display: inline-block">
                        <asp:CheckBox ID="cbIncludeInactiveFamilies" runat="server" AutoPostBack="True" TabIndex="2" CssClass="checkboxlist_nowrap" Text="Include inactive families." />
                    </div>
                </dd>
            </dl>
        </div>
        <div style="padding-top: 5px">
            <asp:LinkButton runat="server" ID="lbChildrenTab" Text="Children" ValidationGroup="Tab" CssClass="tab selected" OnClick="MainPageTab_Click" Width="125px" Style="text-align: center" /><asp:LinkButton runat="server" ID="lbContactsTab" Text="Contacts" ValidationGroup="Tab" CssClass="tab" OnClick="MainPageTab_Click" Width="125px" Style="text-align: center" /><asp:LinkButton runat="server" ID="lbFamilyDetailsTab" Text="Family Details" ValidationGroup="Tab" CssClass="tab" OnClick="MainPageTab_Click" Width="125px" Style="text-align: center" />
            <hr style="width: 1100px; margin-top: 0px; border: 1px solid #3D3D3D" />
        </div>
    </div>
    <asp:Panel runat="server" ID="pnlChildren">
        <div>
            <dl style="display: inline-block; vertical-align: top; width: 250px">
                <dt><span style="margin-right: 85px">Children</span>
                </dt>
                <dd>
                    <asp:ListBox runat="server" ID="lbChildren" Height="200px" Width="200px" TabIndex="1" AutoPostBack="true" ClientIDMode="Static" OnSelectedIndexChanged="lbChildren_SelectedIndexChanged" />
                </dd>
            </dl>
            <dl style="display: inline-block; vertical-align: top; width: 250px">
                <dd>
                    <asp:Image ID="iChildPhoto" runat="server" /><br />
                </dd>
                <dt></dt>
                <dd>&nbsp;
                </dd>
                <dt>
                    <span>Update Child Photo</span>
                </dt>
                <dd>
                    <asp:FileUpload runat="server" ID="fuChildPhoto" Enabled="true" TabIndex="2" CssClass="clean-gray" /><br />
                </dd>
            </dl>
            <div style="display: inline-block; vertical-align: top; width: 460px; margin-top: 0px; margin-left: 100px">
                <div style="border: 1px solid #3D3D3D" class="divBackground">
                    <asp:CheckBox runat="server" ID="cbActiveChild" Text="Currently Attending" TabIndex="8" Checked="True" CssClass="checkboxlist_nowrap" Style="color: #FFFFFF; margin-left: 35px" />
                    <span style="font-size: xx-small; color: #FFFFFF">(Children are never deleted, only disabled.)</span>
                </div>
                <dl style="display: inline-block; width: 200px; margin-left: 20px;">
                    <dt>First Name
                    </dt>
                    <dd>
                        <asp:TextBox runat="server" ID="tbChildFirstName" TabIndex="3" Width="150px" />
                    </dd>
                    <dt>Middle Name
                    </dt>
                    <dd>
                        <asp:TextBox runat="server" ID="tbChildMiddleName" TabIndex="4" Width="150px" BackColor="WhiteSmoke" />
                    </dd>
                    <dt>Last Name
                    </dt>
                    <dd>
                        <asp:TextBox runat="server" ID="tbChildLastName" TabIndex="5" Width="150px" />
                    </dd>
                    <dd>&nbsp;</dd>
                </dl>
                <dl style="display: inline-block; vertical-align: top; width: 215px; padding-right: 0px; margin-right: 0px;">
                    <dt>Nick Name
                    </dt>
                    <dd>
                        <asp:TextBox runat="server" ID="tbChildNickName" TabIndex="6" BackColor="WhiteSmoke" Width="150px" />
                    </dd>
                    <dt>Date of Birth
                    </dt>
                    <dd>
                        <asp:TextBox runat="server" ID="tbChildDateOfBirth" TabIndex="7" Width="150px" />
                        <ajaxToolkit:CalendarExtender runat="server" TargetControlID="tbChildDateOfBirth" Format="MM/dd/yyyy" />
                    </dd>
                    <dt>Age Group
                    </dt>
                    <dd>
                        <asp:TextBox runat="server" ID="tbChildAgeGroup" Width="150px" Enabled="false" />
                        <asp:LinkButton runat="server" ID="lbAgeGroupConfig" TabIndex="9" PostBackUrl="" ToolTip="Go to to configure age groups."><img src="img/icons/gear.png" /></asp:LinkButton>
                    </dd>
                </dl>
                <div style="margin-left: 325px; width: 80px; border: 1px solid #3D3D3D" class="divBackground" align="center">
                    <asp:Button runat="server" ID="bAddUpdateChild" OnClick="bAddUpdateChildClick" CssClass="clean-gray" TabIndex="10" Text="Add Child" />
                </div>
            </div>
        </div>
        <hr style="width: 90%" />
        <asp:Panel runat="server" ID="pnlChildOptions">
            <div id="doc">
                <div style="display: inline-block; margin-right: 10px; vertical-align: top; width: 550px; height: 280px" class="divBackground-lightgrey">
                    <div style="padding-top: 5px">
                        <asp:LinkButton runat="server" ID="lbAllergiesTab" Text="Allergies" ValidationGroup="Tab" CssClass="tab selected" OnClick="ChildOptionsTab_Click" ClientIDMode="Static" Width="100px" Style="text-align: center" /><asp:LinkButton runat="server" ID="lbMedicationsTab" Text="Medications" ValidationGroup="Tab" CssClass="tab" OnClick="ChildOptionsTab_Click" ClientIDMode="Static" Width="100px" Style="text-align: center" /><asp:LinkButton runat="server" ID="lbConditionsTab" Text="Conditions" ValidationGroup="Tab" CssClass="tab" OnClick="ChildOptionsTab_Click" ClientIDMode="Static" Width="100px" Style="text-align: center" /><asp:LinkButton runat="server" ID="lbInsuranceTab" Text="Insurance" ValidationGroup="Tab" CssClass="tab" OnClick="ChildOptionsTab_Click" ClientIDMode="Static" Width="100px" Style="text-align: center" /><asp:LinkButton runat="server" ID="lbAddUpdateChildOptions" OnClick="DisplayAddUpdatePopup_Click" Style="margin-left: 66px" ClientIDMode="Static"><img src="img/icons/add.png" style="margin-bottom: -2px; vertical-align: bottom"  /></asp:LinkButton>
                        <hr style="width: 540px; margin-top: 0px; border: 1px solid #3D3D3D; margin-bottom: 2px; padding-bottom: 0px" />
                    </div>
                    <asp:Panel runat="server" ID="pnlAllergies" Style="margin-left: 10px; height: 240px; overflow: auto; margin-top: 0px; padding-top: 0px">
                        <asp:GridView runat="server" ID="gvAllergies" ShowHeaderWhenEmpty="True" Width="530px" AutoGenerateColumns="False" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="4" ForeColor="Black" GridLines="Horizontal" CellSpacing="2">
                            <Columns>
                                <asp:BoundField DataField="AllergyName" SortExpression="AllergyName" ReadOnly="true" HeaderText="Allergy" ItemStyle-HorizontalAlign="Center">
                                    <HeaderStyle Width="150px" Height="20px" />
                                </asp:BoundField>
                                <asp:BoundField DataField="AllergyNote" SortExpression="AllergyNote" ReadOnly="true" HeaderText="Allergy Note" ItemStyle-HorizontalAlign="Center">
                                    <HeaderStyle Width="277px" />
                                </asp:BoundField>
                                <asp:TemplateField>
                                    <ItemStyle HorizontalAlign="Center" />
                                    <ItemTemplate>
                                        <asp:LinkButton runat="server" ID="lbEditChildOption" ClientIDMode="Static" OnClick="DisplayAddUpdatePopup_Click"><img src="img/icons/gear.png"  /></asp:LinkButton>
                                        <asp:LinkButton runat="server" ID="lbDeleteChildOption" ClientIDMode="Static" Style="margin-left: 5px" OnClick="DisplayAddUpdatePopup_Click"><img src="img/icons/gear.png" /></asp:LinkButton>
                                    </ItemTemplate>
                                </asp:TemplateField>
                            </Columns>
                            <FooterStyle BackColor="#CCCC99" ForeColor="Black" />
                            <HeaderStyle BackColor="#333333" Font-Bold="True" ForeColor="White" />
                            <PagerStyle BackColor="White" ForeColor="Black" HorizontalAlign="Right" />
                            <SelectedRowStyle BackColor="#CC3333" Font-Bold="True" ForeColor="White" />
                            <SortedAscendingCellStyle BackColor="#F7F7F7" />
                            <SortedAscendingHeaderStyle BackColor="#4B4B4B" />
                            <SortedDescendingCellStyle BackColor="#E5E5E5" />
                            <SortedDescendingHeaderStyle BackColor="#242121" />
                        </asp:GridView>
                    </asp:Panel>
                    <asp:Panel runat="server" ID="pnlMedications" Style="margin-left: 10px; height: 240px; overflow: auto" Visible="false">
                        <asp:GridView runat="server" ID="gvMedications" ShowHeaderWhenEmpty="True" Width="530px" AutoGenerateColumns="False" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="4" ForeColor="Black" GridLines="Horizontal" CellSpacing="2">
                            <Columns>
                                <asp:BoundField DataField="MedicationName" SortExpression="MedicationName" ReadOnly="true" HeaderText="Medication" ItemStyle-HorizontalAlign="Center">
                                    <HeaderStyle Width="130px" Height="20px" />
                                </asp:BoundField>
                                <asp:BoundField DataField="Dosage" SortExpression="Dosage" ReadOnly="true" HeaderText="Dosage" ItemStyle-HorizontalAlign="Center">
                                    <HeaderStyle Width="140px" />
                                </asp:BoundField>
                                <asp:BoundField DataField="Reminders" SortExpression="Reminders" ReadOnly="true" HeaderText="Reminders" ItemStyle-HorizontalAlign="Center">
                                    <HeaderStyle Width="150px" />
                                </asp:BoundField>
                                <asp:TemplateField>
                                    <ItemStyle HorizontalAlign="Center" />
                                    <ItemTemplate>
                                        <asp:LinkButton runat="server" ID="lbEditChildOption" ClientIDMode="Static" OnClick="DisplayAddUpdatePopup_Click"><img src="img/icons/gear.png"  /></asp:LinkButton>
                                        <asp:LinkButton runat="server" ID="lbDeleteChildOption" ClientIDMode="Static" Style="margin-left: 5px" OnClick="DisplayAddUpdatePopup_Click"><img src="img/icons/gear.png" /></asp:LinkButton>
                                    </ItemTemplate>
                                </asp:TemplateField>
                            </Columns>
                            <FooterStyle BackColor="#CCCC99" ForeColor="Black" />
                            <HeaderStyle BackColor="#333333" Font-Bold="True" ForeColor="White" />
                            <PagerStyle BackColor="White" ForeColor="Black" HorizontalAlign="Right" />
                            <SelectedRowStyle BackColor="#CC3333" Font-Bold="True" ForeColor="White" />
                            <SortedAscendingCellStyle BackColor="#F7F7F7" />
                            <SortedAscendingHeaderStyle BackColor="#4B4B4B" />
                            <SortedDescendingCellStyle BackColor="#E5E5E5" />
                            <SortedDescendingHeaderStyle BackColor="#242121" />
                        </asp:GridView>
                    </asp:Panel>
                    <asp:Panel runat="server" ID="pnlConditions" Style="margin-left: 10px; height: 240px; overflow: auto" Visible="false">
                        <asp:GridView runat="server" ID="gvConditions" ShowHeaderWhenEmpty="True" Width="530px" AutoGenerateColumns="False" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="4" ForeColor="Black" GridLines="Horizontal" CellSpacing="2">
                            <Columns>
                                <asp:BoundField DataField="Condition" SortExpression="Condition" ReadOnly="true" HeaderText="Condition" ItemStyle-HorizontalAlign="Center">
                                    <HeaderStyle Width="435px" />
                                </asp:BoundField>
                                <asp:TemplateField>
                                    <ItemStyle HorizontalAlign="Center" />
                                    <ItemTemplate>
                                        <asp:LinkButton runat="server" ID="lbEditChildOption" ClientIDMode="Static" OnClick="DisplayAddUpdatePopup_Click"><img src="img/icons/gear.png"  /></asp:LinkButton>
                                        <asp:LinkButton runat="server" ID="lbDeleteChildOption" ClientIDMode="Static" Style="margin-left: 5px" OnClick="DisplayAddUpdatePopup_Click"><img src="img/icons/gear.png" /></asp:LinkButton>
                                    </ItemTemplate>
                                </asp:TemplateField>
                            </Columns>
                            <FooterStyle BackColor="#CCCC99" ForeColor="Black" />
                            <HeaderStyle BackColor="#333333" Font-Bold="True" ForeColor="White" />
                            <PagerStyle BackColor="White" ForeColor="Black" HorizontalAlign="Right" />
                            <SelectedRowStyle BackColor="#CC3333" Font-Bold="True" ForeColor="White" />
                            <SortedAscendingCellStyle BackColor="#F7F7F7" />
                            <SortedAscendingHeaderStyle BackColor="#4B4B4B" />
                            <SortedDescendingCellStyle BackColor="#E5E5E5" />
                            <SortedDescendingHeaderStyle BackColor="#242121" />
                        </asp:GridView>
                    </asp:Panel>
                    <asp:Panel runat="server" ID="pnlInsurance" Style="margin-left: 10px; overflow: auto" Visible="false">
                        <div>
                            <div style="display: inline-block; margin-right: 10px; vertical-align: top">
                                <div style="padding-top: 5px">
                                    <asp:LinkButton runat="server" ID="lbMedicalTab" Text="Medical" ValidationGroup="Tab" CssClass="tab selected" OnClick="ChildOptionsTab_Click" /><asp:LinkButton runat="server" ID="lbDentalTab" Text="Dental" ValidationGroup="Tab" CssClass="tab" OnClick="ChildOptionsTab_Click" />
                                    <hr style="width: 200px; margin-top: 2px; border: 1px solid #3D3D3D" />
                                </div>
                                <asp:Panel runat="server" ID="pnlMedical" Style="margin-left: 10px">
                                    <dl style="display: inline-block; vertical-align: top; margin-top: 0px">
                                        <dd></dd>
                                        <dt>Insurance Provider</dt>
                                        <dd>
                                            <asp:TextBox runat="server" ID="tbMedicalInsuranceProvider" Width="150px" Style="margin-right: 15px" />
                                        </dd>
                                    </dl>
                                    <dl style="display: inline-block; vertical-align: top; margin-top: 0px">
                                        <dt>Family Doctor
                                        </dt>
                                        <dd>
                                            <asp:DropDownList runat="server" ID="ddlChildDoctor" /><asp:LinkButton runat="server" ID="lbDoctorConfig" PostBackUrl="DaycareAdmin.aspx" ToolTip="Go to Daycare Admin to configure hospitals." Style="margin-left: 5px"><img src="img/icons/gear.png" /></asp:LinkButton><asp:LinkButton runat="server" ID="lbDoctorContactInfo" PostBackUrl="DaycareAdmin.aspx" ToolTip="Go to Daycare Admin to configure hospitals." Style="margin-left: 5px"><img src="img/icons/gear.png" /></asp:LinkButton><br />
                                        </dd>
                                    </dl>
                                </asp:Panel>
                                <asp:Panel runat="server" ID="pnlDental" Style="margin-left: 10px;" Visible="false">
                                    <dl style="display: inline-block; vertical-align: top; margin-top: 0px">
                                        <dt>Insurance Provider
                                        </dt>
                                        <dd>
                                            <asp:TextBox runat="server" ID="tbDentalInsuranceProvider" Width="150px" Style="margin-right: 15px" />
                                        </dd>
                                    </dl>
                                    <dl style="display: inline-block; vertical-align: top; margin-top: 0px">
                                        <dt>Family Dentist
                                        </dt>
                                        <dd>
                                            <asp:DropDownList runat="server" ID="ddlChildDentist" /><asp:LinkButton runat="server" ID="lbDentistConfig" PostBackUrl="DaycareAdmin.aspx" ToolTip="Go to Daycare Admin to configure hospitals." Style="margin-left: 5px"><img src="img/icons/gear.png" /></asp:LinkButton><asp:LinkButton runat="server" ID="lbDentistContactInfo" PostBackUrl="DaycareAdmin.aspx" ToolTip="Go to Daycare Admin to configure hospitals." Style="margin-left: 5px"><img src="img/icons/gear.png" /></asp:LinkButton><br />
                                        </dd>
                                    </dl>
                                </asp:Panel>
                                <dl style="display: inline-block; vertical-align: top; margin-top: 15px; margin-left: 25px">
                                    <dt>Preferred Hospital</dt>
                                    <dd>
                                        <asp:DropDownList runat="server" ID="ddlPreferredHospital" /><asp:LinkButton runat="server" ID="lbHospitalAdmin" PostBackUrl="DaycareAdmin.aspx" ToolTip="Go to Daycare Admin to configure hospitals." Style="margin-left: 5px"><img src="img/icons/gear.png" /></asp:LinkButton><br />
                                    </dd>
                                </dl>
                                <dl style="display: inline-block; vertical-align: top; margin-top: 25px; margin-left: 25px">
                                    <dd>
                                        <div class="divBackground">
                                            <asp:Button runat="server" ID="bUpdateChildInsurance" Text="Update Insurance" CommandName="Update" CssClass="clean-gray" />
                                        </div>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </asp:Panel>
                </div>
                <div style="display: inline-block; vertical-align: top; width: 460px; height: 280px" class="divBackground-lightgrey">
                    <div style="padding-top: 5px">
                        <asp:LinkButton runat="server" ID="lbChildNotesTab" Text="Notes" ValidationGroup="Tab" CssClass="tab selected" Enabled="false" /><asp:LinkButton runat="server" ID="lbAddUpdateChildNote" OnClick="DisplayAddUpdatePopup_Click" Style="margin-left: 368px" ClientIDMode="Static"><img src="img/icons/add.png" style="margin-bottom: -2px; vertical-align: bottom"  /></asp:LinkButton>
                        <hr style="width: 450px; margin-top: 2px; border: 1px solid #3D3D3D; margin-bottom: 2px; padding-bottom: 0px" />
                    </div>
                    <div style="overflow: auto; width: 460px; height: 240px">
                        <asp:GridView runat="server" ID="gvChildNotes" ShowHeaderWhenEmpty="True" AutoGenerateColumns="False" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="4" ForeColor="Black" GridLines="Horizontal" CellSpacing="2" Style="margin-left: 10px">
                            <Columns>
                                <asp:BoundField DataField="Note" SortExpression="Note" ReadOnly="true" HeaderText="Note" ItemStyle-HorizontalAlign="Center">
                                    <HeaderStyle Width="310px" />
                                </asp:BoundField>
                                <asp:TemplateField HeaderText="Tracking" ItemStyle-HorizontalAlign="Center">
                                    <HeaderStyle Width="150px" />
                                    <ItemTemplate>
                                        <asp:Label runat="server" ID="lblNotedBy" Text='<%# Bind("NotedById") %>' /><br />
                                        <asp:Label runat="server" ID="Label1" Text='<%# Bind("Timestamp") %>' />
                                    </ItemTemplate>
                                </asp:TemplateField>
                            </Columns>
                            <FooterStyle BackColor="#CCCC99" ForeColor="Black" />
                            <HeaderStyle BackColor="#333333" Font-Bold="True" ForeColor="White" />
                            <PagerStyle BackColor="White" ForeColor="Black" HorizontalAlign="Right" />
                            <SelectedRowStyle BackColor="#CC3333" Font-Bold="True" ForeColor="White" />
                            <SortedAscendingCellStyle BackColor="#F7F7F7" />
                            <SortedAscendingHeaderStyle BackColor="#4B4B4B" />
                            <SortedDescendingCellStyle BackColor="#E5E5E5" />
                            <SortedDescendingHeaderStyle BackColor="#242121" />
                        </asp:GridView>
                    </div>
                </div>
            </div>
        </asp:Panel>
    </asp:Panel>
    <asp:Panel runat="server" ID="pnlContacts" Visible="false">
        <div style="margin-left: 25px; margin-top: 25px;">
            <div style="padding-top: 5px">
                <asp:LinkButton runat="server" ID="lbPrimaryContactTab" Text="Primary" ValidationGroup="Tab" CssClass="tab selected" OnClick="ContactsTab_Click" /><asp:LinkButton runat="server" ID="lbSecondaryContactTab" Text="Secondary" ValidationGroup="Tab" CssClass="tab" OnClick="ContactsTab_Click" /><asp:LinkButton runat="server" ID="lbAdditionalContactsTab" Text="Additional" ValidationGroup="Tab" CssClass="tab" OnClick="ContactsTab_Click" /><asp:LinkButton runat="server" ID="lbNoContactTab" Text="No Contact List" ValidationGroup="Tab" CssClass="tab" OnClick="ContactsTab_Click" />
                <hr style="width: 1000px; margin-top: 2px; border: 1px solid #3D3D3D" />
            </div>
            <dl style="display: inline-block; vertical-align: top; width: 250px;">
                <dd>
                    <asp:Image ID="iContactPhoto" runat="server" /><br />
                </dd>
                <dt></dt>
                <dd>&nbsp;
                </dd>
                <dt>
                    <span>Update Contact Photo</span>
                </dt>
                <dd>
                    <asp:FileUpload runat="server" ID="fuContactPhoto" Enabled="true" TabIndex="2" CssClass="clean-gray" /><br />
                </dd>
            </dl>
            <div style="display: inline-block; vertical-align: top; margin-top: 25px; margin-left: 75px;">
                <dl style="display: inline-block; width: 200px; margin-left: 20px;">
                    <dt>First Name
                    </dt>
                    <dd>
                        <asp:TextBox runat="server" ID="tbContactFirstName" TabIndex="3" Width="150px" />
                    </dd>
                    <dt>Middle Name
                    </dt>
                    <dd>
                        <asp:TextBox runat="server" ID="tbContactMiddleName" TabIndex="4" Width="150px" BackColor="WhiteSmoke" />
                    </dd>
                    <dt>Last Name
                    </dt>
                    <dd>
                        <asp:TextBox runat="server" ID="tbContactLastName" TabIndex="5" Width="150px" />
                    </dd>
                    <dt>Child Relationship
                    </dt>
                    <dd>
                        <asp:DropDownList runat="server" ID="ddlRelationship" Width="150px" /><asp:LinkButton runat="server" ID="lbChildRelationship" TabIndex="9" PostBackUrl="" ToolTip="Go to to configure relationships." Style="margin-left: 5px"><img src="img/icons/gear.png" /></asp:LinkButton>
                    </dd>
                </dl>
                <dl style="display: inline-block; vertical-align: top; width: 215px; padding-right: 0px; margin-left: 15px;">
                    <dt>Email Address
                    </dt>
                    <dd>
                        <asp:TextBox runat="server" ID="tbContactEmailAddress" TabIndex="6" BackColor="WhiteSmoke" Width="150px" />
                    </dd>
                    <dt>Home Phone Number
                    </dt>
                    <dd>
                        <asp:TextBox runat="server" ID="tbContactHomePhoneNumber" TabIndex="7" Width="150px" />
                    </dd>
                    <dt>Work Phone Number
                    </dt>
                    <dd>
                        <asp:TextBox runat="server" ID="tbContactWorkPhoneNumber" Width="150px" />
                    </dd>
                    <dt>Cell Phone Number
                    </dt>
                    <dd>
                        <asp:TextBox runat="server" ID="tbContactCellPhoneNumber" Width="150px" />
                    </dd>
                </dl>
                <asp:Panel runat="server" ID="pnlAdditionalContacts" Visible="true" Width="260px" Style="display: inline-block; vertical-align: top">
                    <dl style="display: inline-block; vertical-align: top; width: 250px">
                        <dt><span style="margin-right: 85px">Additional Contacts</span>
                        </dt>
                        <dd>
                            <asp:ListBox runat="server" ID="lbAdditionalContacts" Height="200px" Width="200px" TabIndex="1" AutoPostBack="true" ClientIDMode="Static" OnSelectedIndexChanged="lbAdditionalContacts_SelectedIndexChanged" />
                        </dd>
                    </dl>
                </asp:Panel>
                <br />
                <div style="margin-left: 325px; width: 100px; border: 1px solid #3D3D3D" class="divBackground" align="center">
                    <asp:Button runat="server" ID="bAddUpdateContact" CssClass="clean-gray" TabIndex="10" Text="Add Contact" />
                </div>
            </div>
        </div>
        <hr style="width: 90%" />
        <div style="display: inline-block; vertical-align: top">
            <div style="width: 400px; padding-top: 20px; margin-left: 20px; vertical-align: top;" class="divBackground-lightgrey">
                <asp:LinkButton runat="server" ID="lbMailingAddress" Text="Mailing Address" ValidationGroup="Tab" CssClass="tab selected" OnClick="ContactsTab_Click" /><asp:LinkButton runat="server" ID="lbBillingAddress" Text="Billing Address" ValidationGroup="Tab" CssClass="tab" OnClick="ContactsTab_Click" />
                <hr style="width: 300px; margin-top: 2px; border: 1px solid #3D3D3D; margin-bottom: 0px; padding-bottom: 0px" />
                <div style="display: inline-block">
                    <asp:Panel runat="server" ID="pnlMailingAddress" Style="width: 100%">
                        <dl style="display: inline-block; width: 210px; vertical-align: top">
                            <dt>Attention To
                            </dt>
                            <dd>
                                <asp:TextBox runat="server" ID="tbMailingAttentionTo" Width="150px" />
                            </dd>
                            <dt>Street Address
                            </dt>
                            <dd>
                                <asp:TextBox runat="server" ID="tbMailingStreetAddressOne" Width="150px" />
                                <asp:TextBox runat="server" ID="tbMailingStreetAddressTwo" Width="150px" />
                            </dd>
                        </dl>
                        <dl style="display: inline-block">
                            <dt>City
                            </dt>
                            <dd>
                                <asp:TextBox runat="server" ID="tbMailingCity" Width="125px" />
                            </dd>
                            <dt>Zip Code <span style="margin-left: 15px">State</span>
                            </dt>
                            <dd>
                                <asp:TextBox runat="server" ID="tbMailingZipCode" Width="50px" />
                                <asp:TextBox runat="server" ID="tbMailingState" Width="25px" Style="margin-left: 10px" />
                            </dd>
                        </dl>
                    </asp:Panel>
                    <asp:Panel runat="server" ID="pnlBillingAddress" Visible="false">
                        <br />
                        <asp:CheckBox runat="server" ID="cbUseMailingAddress" Text="Use mailing address" CssClass="checkboxlist_nowrap" AutoPostBack="true" Style="margin-left: 15px" /><br />
                        <dl style="display: inline-block; width: 210px; vertical-align: top; margin-left: 15px">
                            <dt>Attention To
                            </dt>
                            <dd>
                                <asp:TextBox runat="server" ID="tbBillingAddressTo" Width="150px" />
                            </dd>
                            <dt>Street Address
                            </dt>
                            <dd>
                                <asp:TextBox runat="server" ID="tbBillingStreetAddressOne" Width="150px" />
                                <asp:TextBox runat="server" ID="tbBillingStreetAddressTwo" Width="150px" />
                            </dd>
                        </dl>
                        <dl style="display: inline-block">
                            <dt>City
                            </dt>
                            <dd>
                                <asp:TextBox runat="server" ID="tbBillingCity" Width="125px" />
                            </dd>
                            <dt>Zip Code <span style="margin-left: 15px">State</span>
                            </dt>
                            <dd>
                                <asp:TextBox runat="server" ID="tbBillingZipCode" Width="50px" />
                                <asp:TextBox runat="server" ID="tbBillingState" Width="25px" Style="margin-left: 10px" />
                            </dd>
                        </dl>
                    </asp:Panel>
                    <div class="divBackground" style="float: right; margin-top: -50px">
                        <asp:Button runat="server" ID="bUpdateMailingAddress" Text="Update" CommandName="Update" CssClass="clean-gray" />
                    </div>
                </div>
            </div>
        </div>
        <div style="display: inline-block; margin-left: 15px; vertical-align: top" class="divBackground-lightgrey">
            <div style="width: 400px; padding-top: 20px;">
                <asp:LinkButton runat="server" ID="lbContactOptionsTab" Text="Contact Options" ValidationGroup="Tab" CssClass="tab selected" />
                <hr style="width: 300px; margin-top: 2px; border: 1px solid #3D3D3D; margin-bottom: 0px; padding-bottom: 0px" />
            </div>
            <dl>
                <dd>
                    <asp:CheckBox runat="server" ID="cbApprovedForPickup" CssClass="checkboxlist_nowrap" Text="Approved for Child Pickup" />
                </dd>
                <dd>
                    <asp:CheckBox runat="server" ID="cbEmergencyContact" CssClass="checkboxlist_nowrap" Text="Emergency Contact" /></dd>
                <dd>&nbsp;</dd>
                <dt>
                    <span style="font-weight: bold">Notifications</span>
                </dt>
                <dd>&nbsp;</dd>
                <dd>
                    <asp:CheckBox runat="server" ID="cbReceiveEmails" CssClass="checkboxlist_nowrap" Text="Receive email notifications." /></dd>
                <dd>
                    <asp:CheckBox runat="server" ID="cbReceivePostalMail" CssClass="checkboxlist_nowrap" Text="Receive notifications via postal mail." /></dd>
            </dl>
            <div class="divBackground" style="float: right; margin-top: -50px; margin-right: 20px">
                <asp:Button runat="server" ID="bUpdateContactOptions" Text="Update" CommandName="Update" CssClass="clean-gray" />
            </div>
        </div>
    </asp:Panel>
    <asp:Panel runat="server" ID="pnlFamilyDetails" Visible="false">
        <div style="display: inline-block; margin-right: 5px; vertical-align: top; width: 460px; margin-left: 25px" class="divBackground-lightgrey">
            <div style="padding-top: 20px">
                <asp:LinkButton runat="server" ID="lbFamilyNotesTab" Text="Notes" ValidationGroup="Tab" CssClass="tab selected" /><asp:LinkButton runat="server" ID="lbAddUpdateFamilyNotes" OnClick="DisplayAddUpdatePopup_Click" ToolTip="Go to Daycare Admin to configure hospitals." Style="margin-left: 368px" ClientIDMode="Static"><img src="img/icons/add.png" style="margin-bottom: -2px; vertical-align: bottom"  /></asp:LinkButton>
                <hr style="width: 450px; margin-top: 2px; border: 1px solid #3D3D3D" />
            </div>
            <div style="overflow: auto; width: 460px; height: 600px">
                <asp:GridView runat="server" ID="gvFamilyNotes" ShowHeaderWhenEmpty="True" AutoGenerateColumns="False" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="4" ForeColor="Black" GridLines="Horizontal" CellSpacing="2" Style="margin-left: 10px">
                    <Columns>
                        <asp:BoundField DataField="Note" SortExpression="Note" ReadOnly="true" HeaderText="Note" ItemStyle-HorizontalAlign="Center">
                            <HeaderStyle Width="310px" />
                        </asp:BoundField>
                        <asp:TemplateField HeaderText="Tracking" ItemStyle-HorizontalAlign="Center">
                            <HeaderStyle Width="150px" />
                            <ItemTemplate>
                                <asp:Label runat="server" ID="lblNotedBy" Text='<%# Bind("NotedById") %>' /><br />
                                <asp:Label runat="server" ID="Label1" Text='<%# Bind("Timestamp") %>' />
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                    <FooterStyle BackColor="#CCCC99" ForeColor="Black" />
                    <HeaderStyle BackColor="#333333" Font-Bold="True" ForeColor="White" />
                    <PagerStyle BackColor="White" ForeColor="Black" HorizontalAlign="Right" />
                    <SelectedRowStyle BackColor="#CC3333" Font-Bold="True" ForeColor="White" />
                    <SortedAscendingCellStyle BackColor="#F7F7F7" />
                    <SortedAscendingHeaderStyle BackColor="#4B4B4B" />
                    <SortedDescendingCellStyle BackColor="#E5E5E5" />
                    <SortedDescendingHeaderStyle BackColor="#242121" />
                </asp:GridView>
            </div>
        </div>
        <div style="display: inline-block; margin-right: 10px; vertical-align: top;" class="divBackground-lightgrey">
            <div style="padding-top: 20px">
                <asp:LinkButton runat="server" ID="lbFamilyDocumentsTab" Text="Documents" ValidationGroup="Tab" CssClass="tab selected" /><asp:LinkButton runat="server" ID="lbAddUpdateFamilyDocuments" OnClick="DisplayAddUpdatePopup_Click" Style="margin-left: 437px" ClientIDMode="Static"><img src="img/icons/add.png" style="margin-bottom: -2px; vertical-align: bottom"  /></asp:LinkButton>
                <hr style="width: 560px; margin-top: 2px; border: 1px solid #3D3D3D" />
            </div>
            <div style="overflow: auto; width: 575px; height: 600px">
                <asp:GridView runat="server" ID="gvFamilyDocuments" ShowHeaderWhenEmpty="True" AutoGenerateColumns="False" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="4" ForeColor="Black" GridLines="Horizontal" CellSpacing="2" Style="margin-left: 10px">
                    <Columns>
                        <asp:BoundField DataField="Name" SortExpression="DocumentName" ReadOnly="true" HeaderText="Name" ItemStyle-HorizontalAlign="Center">
                            <HeaderStyle Width="225px" />
                        </asp:BoundField>
                        <asp:BoundField DataField="Type" SortExpression="DocumentType" ReadOnly="true" HeaderText="Type" ItemStyle-HorizontalAlign="Center">
                            <HeaderStyle Width="100px" />
                        </asp:BoundField>
                        <asp:BoundField DataField="Expiration Date" SortExpression="ExpirationDate" ReadOnly="true" HeaderText="Expiration Date" ItemStyle-HorizontalAlign="Center">
                            <HeaderStyle Width="100px" />
                        </asp:BoundField>
                        <asp:TemplateField ItemStyle-HorizontalAlign="Center">
                            <HeaderStyle Width="100px" />
                            <ItemTemplate>
                                <asp:LinkButton runat="server" ID="lbEditFamilyOption" ClientIDMode="Static" OnClick="DisplayAddUpdatePopup_Click"><img src="img/icons/gear.png"  /></asp:LinkButton>
                                <asp:LinkButton runat="server" ID="lbDeleteFamilyOption" ClientIDMode="Static" Style="margin-left: 5px" OnClick="DisplayAddUpdatePopup_Click"><img src="img/icons/gear.png" /></asp:LinkButton>
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                    <FooterStyle BackColor="#CCCC99" ForeColor="Black" />
                    <HeaderStyle BackColor="#333333" Font-Bold="True" ForeColor="White" />
                    <PagerStyle BackColor="White" ForeColor="Black" HorizontalAlign="Right" />
                    <SelectedRowStyle BackColor="#CC3333" Font-Bold="True" ForeColor="White" />
                    <SortedAscendingCellStyle BackColor="#F7F7F7" />
                    <SortedAscendingHeaderStyle BackColor="#4B4B4B" />
                    <SortedDescendingCellStyle BackColor="#E5E5E5" />
                    <SortedDescendingHeaderStyle BackColor="#242121" />
                </asp:GridView>
            </div>
        </div>
    </asp:Panel>

    <asp:Button runat="server" ID="btnHiddenPopupAllergies" Style="display: none" Enabled="true" />
    <ajaxToolkit:ModalPopupExtender ID="mpeAllergies" runat="server" TargetControlID="btnHiddenPopupAllergies" PopupControlID="pnlAllergiesPopup" OkControlID="btnAllergiesPopupOk" CancelControlID="btnAllergiesPopupCancel" BackgroundCssClass="modalBackground" />
    <asp:Panel ID="pnlAllergiesPopup" runat="server" CssClass="modalPopup" Style="display: none; background-color: #eeeeee" HorizontalAlign="Center">
        <div style="padding: 10px;">
            <asp:Label runat="server" ID="lblAddUpdateAllergy" Text="Add an Allergy" Style="font-weight: bold" />
            <dl>
                <dd>
                    <asp:DropDownList runat="server" ID="ddlAllergies" />
                    <asp:LinkButton runat="server" ID="lbAllergyConfig" PostBackUrl="" ToolTip="Go to to configure age groups."><img src="img/icons/gear.png" /></asp:LinkButton>
                </dd>
                <dt>
                    <asp:Label runat="server" ID="lblAllergyNoteLabel" Text="Note" />
                </dt>
                <dd>
                    <asp:TextBox runat="server" ID="tbAllergyNote" />
                </dd>
            </dl>
            <asp:Button ID="btnAllergiesPopupCancel" runat="server" Text="Cancel" Style="margin-bottom: 10px; margin-right: 15px" CssClass="clean-gray" />
            <asp:Button ID="btnAllergiesPopupOk" runat="server" Text="OK" Style="margin-bottom: 10px" CssClass="clean-gray" />
        </div>
    </asp:Panel>

    <asp:Button runat="server" ID="btnHiddenPopupMedications" Style="display: none" Enabled="true" />
    <ajaxToolkit:ModalPopupExtender ID="mpeMedications" runat="server" TargetControlID="btnHiddenPopupMedications" PopupControlID="pnlMedicationsPopup" OkControlID="btnMedicationsPopupOk" CancelControlID="btnMedicationsPopupCancel" BackgroundCssClass="modalBackground" />
    <asp:Panel ID="pnlMedicationsPopup" runat="server" CssClass="modalPopup" Style="display: none; background-color: #eeeeee">
        <div style="padding: 10px;">
            <h4>
                <asp:Label runat="server" ID="lblAddUpdateMedication" Text="Add a Medication" /></h4>
            <asp:Panel runat="server" ID="pnlAddEditMedications">
                <dl style="display: inline-block;">
                    <dt>Medication
                    </dt>
                    <dd>
                        <asp:DropDownList runat="server" ID="ddlMedications" AutoPostBack="false" />
                        <asp:LinkButton runat="server" PostBackUrl="" ID="lbMedicationsConfig" ToolTip="Go to to configure age groups."><img src="img/icons/gear.png" /></asp:LinkButton>
                    </dd>
                    <dt>Dosage
                    </dt>
                    <dd>
                        <asp:TextBox runat="server" ID="tbMedicationDosage" />
                    </dd>
                </dl>
                <div>
                    <h4>Schedule Reminders</h4>
                    <dl style="display: inline-block; vertical-align: top">
                        <dt>Start Date</dt>
                        <dd>
                            <asp:TextBox runat="server" ID="tbMedicationStartDate" Width="75px" />
                            <ajaxToolkit:CalendarExtender runat="server" TargetControlID="tbMedicationStartDate" Format="MM/dd/yyyy" />
                        </dd>
                        <dt>End Date</dt>
                        <dd>
                            <asp:TextBox runat="server" ID="tbMedicationEndDate" Width="75px" />
                            <ajaxToolkit:CalendarExtender runat="server" TargetControlID="tbMedicationEndDate" Format="MM/dd/yyyy" />
                        </dd>
                    </dl>
                    <dl style="display: inline-block; margin-left: 15px; vertical-align: top">
                        <dt>Reminders
                        </dt>
                        <dd>
                            <asp:ListBox ID="lbMedicationReminders" runat="server" Width="75px" Style="overflow: auto" />
                        </dd>
                    </dl>
                    <dl style="display: inline-block; margin-left: 15px; vertical-align: top">
                        <dt>Time
                        </dt>
                        <dd>
                            <asp:TextBox runat="server" ID="tbMedicationReminderTime" Width="50px" />

                        </dd>
                        <dd>&nbsp;
                        </dd>
                        <dd>
                            <asp:Button runat="server" ID="bAddDeleteMedicationReminderTime" Text="Add Reminder" CommandName="Add" CssClass="clean-gray" />
                        </dd>
                    </dl>
                </div>
            </asp:Panel>
            <div style="float: right; margin-right: 15px; margin-bottom: 10px;" class="divBackground">
                <asp:Button ID="btnMedicationsPopupCancel" runat="server" Text="Cancel" Style="margin-right: 15px" CssClass="clean-gray" />
                <asp:Button ID="btnMedicationsPopupOk" runat="server" Text="OK" CssClass="clean-gray" />
            </div>
        </div>
    </asp:Panel>

    <asp:Button runat="server" ID="btnHiddenPopupConditions" Style="display: none" Enabled="true" />
    <ajaxToolkit:ModalPopupExtender ID="mpeConditions" runat="server" TargetControlID="btnHiddenPopupConditions" PopupControlID="pnlConditionsPopup" OkControlID="btnConditionsPopupOk" CancelControlID="btnConditionsPopupCancel" BackgroundCssClass="modalBackground" />
    <asp:Panel ID="pnlConditionsPopup" runat="server" CssClass="modalPopup" Style="display: none; background-color: #eeeeee" HorizontalAlign="Center">
        <div style="padding: 10px;">
            <h4>
                <asp:Label runat="server" ID="lblAddCondition" Text="Add a Condition" /></h4>
            <asp:Panel runat="server" ID="pnlAddUpdateCondition">
                <dl>
                    <dt>
                        <asp:Label runat="server" Style="font-weight: bold" Text="Condition" />
                    </dt>
                    <dd>
                        <asp:TextBox runat="server" ID="tbCondition" />
                    </dd>
                </dl>
            </asp:Panel>
            <asp:Button ID="btnConditionsPopupCancel" runat="server" Text="Cancel" Style="margin-bottom: 10px; margin-right: 15px" CssClass="clean-gray" />
            <asp:Button ID="btnConditionsPopupOk" runat="server" Text="OK" Style="margin-bottom: 10px" CssClass="clean-gray" />
        </div>
    </asp:Panel>

    <asp:Button runat="server" ID="btnHiddenPopupChildNotes" Style="display: none" Enabled="true" />
    <ajaxToolkit:ModalPopupExtender ID="mpeChildNotes" runat="server" TargetControlID="btnHiddenPopupChildNotes" PopupControlID="pnlChildNotesPopup" OkControlID="btnChildNotesPopupOk" CancelControlID="btnChildNotesPopupOk" BackgroundCssClass="modalBackground" />
    <asp:Panel ID="pnlChildNotesPopup" runat="server" CssClass="modalPopup" Style="display: none; background-color: #eeeeee" HorizontalAlign="Center">
        <div style="padding: 10px;">
            <h4>
                <asp:Label runat="server" ID="lblAddChildNote" Text="Add a Note" /></h4>
            <asp:Panel runat="server" ID="pnlAddUpdateChildNote">
                <dl>
                    <dt>
                        <asp:Label runat="server" Style="font-weight: bold" Text="Note" />
                    </dt>
                    <dd>
                        <asp:TextBox runat="server" ID="tbChildNote" />
                    </dd>
                </dl>
            </asp:Panel>
            <asp:Button ID="btnChildNotesPopupCancel" runat="server" Text="Cancel" Style="margin-bottom: 10px; margin-right: 15px" CssClass="clean-gray" />
            <asp:Button ID="btnChildNotesPopupOk" runat="server" Text="OK" Style="margin-bottom: 10px" CssClass="clean-gray" />
        </div>
    </asp:Panel>

    <asp:Button runat="server" ID="bHiddenPopupFamilyNotes" Style="display: none" Enabled="true" />
    <ajaxToolkit:ModalPopupExtender ID="mpeFamilyNotes" runat="server" TargetControlID="bHiddenPopupFamilyNotes" PopupControlID="pnlFamilyNotesPopup" OkControlID="btnFamilyNotesPopupOk" CancelControlID="btnFamilyNotesPopupCancel" BackgroundCssClass="modalBackground" />
    <asp:Panel ID="pnlFamilyNotesPopup" runat="server" CssClass="modalPopup" Style="display: none; background-color: #eeeeee" HorizontalAlign="Center">
        <div style="padding: 10px;">
            <h4>
                <asp:Label runat="server" ID="lblAddUpdateFamilyNote" Text="Add a Note" /></h4>
            <asp:Panel runat="server" ID="pnlAddUpdateFamilyNote">
                <dl>
                    <dt>
                        <asp:Label runat="server" Style="font-weight: bold" Text="Note" />
                    </dt>
                    <dd>
                        <asp:TextBox runat="server" ID="tbFamilyNote" />
                    </dd>
                </dl>
            </asp:Panel>
            <asp:Button ID="btnFamilyNotesPopupCancel" runat="server" Text="Cancel" Style="margin-bottom: 10px; margin-right: 15px" CssClass="clean-gray" />
            <asp:Button ID="btnFamilyNotesPopupOk" runat="server" Text="OK" Style="margin-bottom: 10px" CssClass="clean-gray" />
        </div>
    </asp:Panel>

    <asp:Button runat="server" ID="bHiddenPopupFamilyDocuments" Style="display: none" Enabled="true" />
    <ajaxToolkit:ModalPopupExtender ID="mpeFamilyDocuments" runat="server" TargetControlID="bHiddenPopupFamilyDocuments" PopupControlID="pnlFamilyDocumentsPopup" OkControlID="btnFamilyDocumentsPopupOk" CancelControlID="btnFamilyDocumentsPopupCancel" BackgroundCssClass="modalBackground" />
    <asp:Panel ID="pnlFamilyDocumentsPopup" runat="server" CssClass="modalPopup" Style="display: none; background-color: #eeeeee" Width="300px">
        <div style="padding: 10px;">
            <h4>
                <asp:Label runat="server" ID="lblAddUpdateFamilyDocument" Text="Add a Document" /></h4>
            <asp:Panel runat="server" ID="pnlAddUpdateFamilyDocument">
                <dl style="display: inline-block; vertical-align: top; width: 250px">
                    <dt>Name
                    </dt>
                    <dd>
                        <asp:TextBox runat="server" ID="tbDocumentName" TabIndex="10" /><br />
                    </dd>
                    <dt>Document Type
                    </dt>
                    <dd>
                        <asp:DropDownList ID="ddlDocumentTypes" runat="server" TabIndex="11" Width="150px" />
                        <asp:LinkButton runat="server" ID="lbDocumentTypeConfig" PostBackUrl="DaycareAdmin.aspx" ToolTip="Go to Daycare Admin to configure document types."><img src="img/icons/gear.png" /></asp:LinkButton><br />
                    </dd>
                    <dt>Expiration Date <span style="font-size: xx-small">(Optional)</span>
                    </dt>
                    <dd>
                        <asp:TextBox runat="server" ID="tbDocumentExpirationDate" TabIndex="12" Width="75px" /><br />
                        <ajaxToolkit:CalendarExtender runat="server" TargetControlID="tbDocumentExpirationDate" Format="MM/dd/yyyy" />
                    </dd>
                    <dt></dt>
                    <dd>&nbsp;
                    </dd>
                    <dt>Upload Document
                    </dt>
                    <dd>
                        <asp:FileUpload runat="server" ID="fuDocument" AllowMultiple="false" Enabled="true" TabIndex="13" /><br />
                        <asp:LinkButton runat="server" ID="lbDocumentLink" />
                </dl>
            </asp:Panel>
            <div style="float: right">
                <asp:Button ID="btnFamilyDocumentsPopupCancel" runat="server" Text="Cancel" Style="margin-bottom: 10px; margin-right: 15px" CssClass="clean-gray" />
                <asp:Button ID="btnFamilyDocumentsPopupOk" runat="server" Text="OK" Style="margin-bottom: 10px" CssClass="clean-gray" />
            </div>
        </div>
    </asp:Panel>
</asp:Content>